<script setup>
import { getProList, getProInfo, getProAdd, getProDel } from "./api/home";

// 请求商品列表
// getProList().then((res) => console.log(res));

// 请求商品详情
// getProInfo({
//     proid: 10086,
// }).then((res) => console.log(res));

// 添加
function add() {
    // console.log('点击了添加商品按钮')

    getProAdd({
        proid: 10086,
        proname: "新增的一个商品",
    }).then((res) => {
        console.log(res);

        // 为了验证有没有添加上, 所以在这里再次请求一个商品列表
        getProList().then((res) => console.log(res));
    });
}

// 删除
function del() {
    getProDel({
        proid: 10086,
    }).then((res) => {
        // console.log(res)

        // 为了验证删除成功, 所以此时再次请求商品列表

        getProList().then((res) => console.log(res.string));
    });
}
</script>

<template>
    <h1>首页</h1>
    <button @click="add">点击添加商品</button>
    <button @click="del">点击删除商品</button>
</template>

<style scoped></style>
